$(document).ready(function() {
      $("#b2i").hide();
      $("#b2s").hide();
      $('#kopf').slideToggle();
      $.post('index2.php', {series: 1}, function (output) { $('#series').html(output).show(); });
});

function get(ID) { 
      $('#series').toggle('drop', { direction: 'left' }, 500);
      $.post('Series.php', {series: ID}, function (output) { $('#volumes').html(output).toggle('drop', { direction: 'right' }, 1000); }); 
      $('#b2i').show();
    }

function getBook(ID) { 
      $('#volumes').toggle('drop', { direction: 'left' }, 500);
      $.post('Book.php', {book: ID}, function (output) { $('#book').html(output).toggle('drop', { direction: 'right' }, 1000); });
      $('#b2s').show();
    }

$("#b2i").click(function() {
      $('#book:visible').toggle('drop', { direction: 'right' }, 500); 
      $('#volumes:visible').toggle('drop', { direction: 'right' }, 500); 
      $('#series:hidden').toggle('drop', { direction: 'left' }, 1000); 
      $('#b2i').hide(); $('#b2s').hide();
});

$("#b2s").click(function() {
      $('#book:visible').toggle('drop', { direction: 'right' }, 500);
      $('#volumes:hidden').toggle('drop', { direction: 'left' }, 1000);
      $('#b2s').hide();
});